<ui:composition template="/WEB-INF/templates/layout.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">
    <ui:define name="content">
        <h:form id="forma">
            <p:messages id="mensajes"/>
            <p:dataTable id="tablaClientes" var="cte" value="#{gestorSolicitud.listaSolicitud1}">
                <p:column headerText="Codigo Solicitud" style="width:20%">
                    <h:outputText value="#{cte.codigosolicitud}"/>
                </p:column>
                \
                <p:column headerText="Estado" style="width:25%">
                    <h:outputText value="#{cte.estado}">
                    </h:outputText>   
                </p:column>

                <p:column headerText="fecha" style="width:25%">
                    <h:outputText value="#{cte.fecha}">
                    </h:outputText>   
                </p:column>

                <p:column headerText="Hora" style="width:25%">
                    <h:outputText value="#{cte.hora}">
                    </h:outputText>   
                </p:column>

                <p:column headerText="Tipo" style="width:25%">
                    <h:outputText value="#{cte.tipo}">
                    </h:outputText>   
                </p:column>
                <p:column headerText="Codigo Recurso" style="width:25%">
                    <h:outputText value="#{cte.codigorecurso}">
                    </h:outputText>   
                </p:column>

                <p:column headerText="Cedula del Solicitante" style="width:25%">
                    <h:outputText value="#{cte.cedula}">
                    </h:outputText>   
                </p:column>

                <p:column style="width:5%">  
                    <p:commandLink id="editLink" 
                                   update=":editarClienteDlg" 
                                   value="Editar"
                                   action="#{gestorSolicitud.setRecursoSelected(cte)}"
                                   oncomplete="dlgEdit.show()"/>

                </p:column>

                <p:column>
                    <p:commandLink value="Eliminar"
                                   action="#{gestorSolicitud.setRecursoSelected(cte)}"
                                   oncomplete="confirmation.show()"/>
                </p:column>
            </p:dataTable>

        </h:form>

        <!-- Dialogo para Editar o Crear clientes -->
        <p:dialog id="editarClienteDlg" widgetVar="dlgEdit" 
                  header="Crear/Modificar Cliente" closable="false" 
                  dynamic="true">
            <h:form id="frmEdit">
                <p:messages id="msgs"/>
                <h:panelGrid id="display" columns="3">

                    <h:outputLabel for="estado" value="Estado: *" />
                    <p:selectOneMenu id="estado" value="#{gestorSolicitud.solicitud.estado}" required="true">
                        <f:selectItems value="#{gestorSolicitud.tipoSolicitudValues()}" />
                    </p:selectOneMenu>
                    <p:message for="estado" display="icon"/>


                </h:panelGrid>

                <center>
                    <p:commandButton id="btnEditarCliente" 
                                     value="Guardar" 
                                     update="msgs"
                                     actionListener="#{gestorSolicitud.modificarSolcitud()}"/>

                    <p:commandButton id="btnCerrar" value="Cerrar" update=":forma" onclick="dlgEdit.hide()"/>
                </center>
            </h:form> 
        </p:dialog>


        <!-- Dialogo de confirmación para eliminar -->
        <p:confirmDialog id="confirmDialog" message="¿Esta seguro de Solicitud de Recurso?"  
                         header="Verificar Solicitud de Recurso"
                         appendTo="@(body)"
                         severity="alert"
                         widgetVar="confirmation">  
            <h:form>
                <p:commandButton id="confirm" 
                                 value="Si" 
                                 update=":forma" 
                                 oncomplete="confirmation.hide()"  
                                 actionListener="#{gestorRecurso.eliminarRecurso()}" />  
                <p:commandButton id="decline" value="No" onclick="confirmation.hide()" type="button" />   
            </h:form>       
        </p:confirmDialog> 
    </ui:define>
</ui:composition>
